<!DOCTYPE html>
<html class="x-admin-sm">

    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="/Public/css/font.css">
        <link rel="stylesheet" href="/Public/css/xadmin.css">
        <script src="/Public/lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="/Public/js/xadmin.js"></script>
        <script type="text/javascript" src="/Public/js/jquery.min_1.js"></script>
        <style>
            .layui-table td, .layui-table th{
                min-width: auto;
                padding: 9px;
            }
        </style>
    </head>

    <body>
        <!--        <div class="x-nav">
                    <span class="layui-breadcrumb">
                        <a href="">首页</a>
                        <a href="">演示</a>
                        <a>
                            <cite>导航元素</cite></a>
                    </span>
                    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()"
                       title="刷新">
                        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
                    </a>
                </div>-->
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-form layui-col-space5">
                                <div class="layui-input-inline layui-show-xs-block"><input type="text" name="username"
                                                                                           placeholder="请输入订单号" autocomplete="off" class="layui-input " id="orderno"></div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <input class="layui-input" placeholder="开始日" name="start" id="start"></div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <input class="layui-input" placeholder="截止日" name="end" id="end"></div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <select name="contrller" id="paytype">
                                        <option value="999">支付方式</option>
                                        <option value="2">支付宝</option>
                                        <option value="1`">微信</option>
                                        <option value="3`">现金</option>
                                    </select>
                                </div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <select name="contrller" id="ordertype">
                                        <option value="999">订单类型</option>
                                        <option value="a">线上订单</option>
                                        <option value="1">线下订单</option>
                                    </select>
                                </div>
                                <div class="layui-input-inline layui-show-xs-block " >
                                    <select name="contrller" id="orderstatus">
                                        <option value="999">订单状态</option>
                                        <option value="a">未付款</option>
                                        <option value="1">已付款</option>
                                        <option value="2">退款中</option>
                                        <option value="3">已退款</option>
                                        <option value="4">已关闭</option>
                                        <option value="5">已完成</option>
                                    </select>
                                </div>

                                <div class="layui-input-inline layui-show-xs-block">
                                    <button class="layui-btn" lay-submit="" lay-filter="sreach" id="search">
                                        <i class="layui-icon">&#xe615;</i></button>
                                </div>
                                <div class="layui-input-inline layui-show-xs-block">

                                    <button class="layui-btn" lay-submit="" lay-filter="sreach" id="downExcel">
                                        Excel导出</button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-card-body " id="content">
                            <table class="layui-table layui-form">
                                <thead>
                                    <tr>
                                        <th>订单序号</th>
                                        <th>订单编号</th>
                                        <th>类型</th>
                                        <th>账号</th>
                                        <th style="width: 320px;">菜品</th>
                                        <th>取餐时间</th>
                                        <th>合计价格</th>
                                        <th>实付金额</th>
                                        <th>支付类型</th>
                                        <th>建立时间</th>
                                        <th>付款时间</th>
                                        <th>订单状态</th>
                                        <th>取货状态</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <foreach name="result" item="val">
                                    <tr>
                                        <td>{$key+1}</td>
                                        <td>{$val['order_no']}</td>
                                        <td>{$val['ordertype'] == 0 ? "线上订单" : "线下订单"}</td>
                                        <td>{$val['s_mobile']}</td>
                                        <td>{$val['product']}</td>
                                        <td>{$val['pickuptime']}</td>
                                        <td>{$val['price']}</td>
                                        <td>{$val['realpayprice']}</td>
                                        <td>
                                    <if condition="$val['paytype'] eq 1">微信支付
                                        <elseif condition="$val['paytype'] eq 2" />支付宝
                                        <else />现金支付
                                    </if>
                                    </td>
                                    <td>{$val['createdt']}</td>
                                    <td>{$val['wx_time_end']}</td>
                                    <td>{$val['gorderstatus']}</td>
                                    <td>{$val['guserstatus']}</td>
                                    <td class="td-manage">
                                    <if condition="$val['gorderstatus'] eq '已支付'">
                                        <button class="layui-btn print" lay-submit="" lay-filter="sreach" id="" data-orderNo="{$val['order_no']}">
                                            打印小票</button>
                                    </if>
                                    <!--                                            <a title="查看" onclick="xadmin.open('编辑', 'order-view.html')" href="javascript:;">
                                                                                    <i class="layui-icon">&#xe63c;</i></a>
                                                                                <a title="删除" onclick="member_del(this, '要删除的id')" href="javascript:;">
                                                                                    <i class="layui-icon">&#xe640;</i></a>-->
                                    </td>
                                    </tr>
                                </foreach>
                                </tbody>
                            </table>
                            <div class="layui-card-body ">
                                <div class="page">
                                    <div>
                                        {$page}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
    </body>
    <script>
        $('body').on('click', '.page a', function() {
            var pageObj = this;
            var url = pageObj.href;
            $.ajax({
                type: 'get',
                url: url,
                data: {},
                success: function(res) {
                    $("#content").html(res);
                }
            })
            return false;
        })
        // 查询 
        $("#search").on("click", function() {
            var data = {};
            data.orderno = $("#orderno").val();
            data.paytype = $("#paytype").val();
            data.ordertype = $("#ordertype").val();
            data.orderstatus = $("#orderstatus").val();
            data.start = $("#start").val();
            data.end = $("#end").val();
            $.post("/Admin/Orders/index", data, function(msg) {
                $("#content").html(msg);
            })
            return;
        })

        $("#downExcel").on('click', function() {
            var orderno = $("#orderno").val();
            var paytype = $("#paytype").val();
            var ordertype = $("#ordertype").val();
            var orderstatus = $("#orderstatus").val();
            var start = $("#start").val();
            var end = $("#end").val();
            var url = "/Admin/Orders/downExcel";
            if (start != '' && end != '') {
                url += "/start/" + start + '/end/' + end;
            }
            if (orderno != '') {
                url += "/orderno/" + orderno;
            }
            if (paytype != '') {
                url += "/paytype/" + paytype;
            }
            if (orderstatus != '') {
                url += "/orderstatus/" + orderstatus;
            }
            if (ordertype != '') {
                url += "/ordertype/" + ordertype;
            }
            console.log(url);
            window.location.href = url;
            return;
        })
        $(document).on('click', '.print', function() {
//        $(".print").on('click',function(){
            var orderId = $(this).attr('data-orderNo');
            $.post("/Admin/Orders/printOrders", {orderId: orderId}, function(msg) {
                if (msg.code == 10000) {
                    layer.alert('请求成功', {title: "提示"});
                } else {
                    layer.alert(msg.msg, {title: "提示"});
                }
            });
        })
        layui.use(['laydate', 'form'],
                function() {
                    var laydate = layui.laydate;

                    //执行一个laydate实例
                    laydate.render({
                        elem: '#start' //指定元素

                    });

                    //执行一个laydate实例
                    laydate.render({
                        elem: '#end' //指定元素
                    });
                });

        /*用户-停用*/
        function member_stop(obj, id) {
            layer.confirm('确认要停用吗？',
                    function(index) {

                        if ($(obj).attr('title') == '启用') {

                            //发异步把用户状态进行更改
                            $(obj).attr('title', '停用');
                            $(obj).find('i').html('&#xe62f;');

                            $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                            layer.msg('已停用!', {
                                icon: 5,
                                time: 1000
                            });

                        } else {
                            $(obj).attr('title', '启用');
                            $(obj).find('i').html('&#xe601;');

                            $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                            layer.msg('已启用!', {
                                icon: 5,
                                time: 1000
                            });
                        }

                    });
        }

        /*用户-删除*/
        function member_del(obj, id) {
            layer.confirm('确认要删除吗？',
                    function(index) {
                        //发异步删除数据
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!', {
                            icon: 1,
                            time: 1000
                        });
                    });
        }

        function delAll(argument) {

            var data = tableCheck.getData();

            layer.confirm('确认要删除吗？' + data,
                    function(index) {
                        //捉到所有被选中的，发异步进行删除
                        layer.msg('删除成功', {
                            icon: 1
                        });
                        $(".layui-form-checked").not('.header').parents('tr').remove();
                    });
        }

    </script>

</html>